<!-- INCLUDE BLOCK : header -->
<script type="text/javascript">
$(document).ready(function(){

	$(".btn_excluir").click(function(event) {
		
	    event.preventDefault();
	
		var id = $(this).attr('id');
   		id: $('#id').val();
		$.get('../php/controller/excluir.php?id='+id,{}, function(response){
			
		$("."+id).fadeOut();//Fade na lista
			$( "#dialog-message" ).dialog({
				modal: true,
				buttons: {
				Ok: function() {
				$( this ).dialog( "close" );
				//	window.location.assign("../pagina/index.php?p=tplista");
				atualiza();
				},
			},
			});	
		}, 'html');
    });
});
	/*
*/
</script>

<div style="display:none" id="dialog-message" title="Mensagem do sistema!">
<p>
<span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
{mensagem}
</p>
</div>
		<div class="middle">
		<div class="sessao">
			<h1>Lista de clientes: Total listados  <span id="tabela"></span></h1>
		</div>
		<div class="table">
			<div class="row preto">Cliente</div>
			<div class="row preto">Email</div>
			<div class="row preto">Cep</div>
			<div class="row preto">Telefone</div>
			<div class="row preto">Total</div>
		</div>
		<div class="clear"></div>
		<div class="table">
	  		<!-- START BLOCK : clientes -->
			<div class="{id}">
				<div class="row azul"><a href="index.php?p=tpinserir&id={id}"> {nome} </a></div>
				<div class="row azul">{email}</div>
				<div class="row azul">{cep}</div>
				<div class="row azul">{telefone}</div>
				<div class="row azul">Total: Nenhumn</div>
				<div id="" class="btn editar">Editar</div>
				<div class="btn excluir">
				
				
				<a class="btn_excluir" id="{id}" href="#">Excluir</a>
				
				</div>
				<div class="clear"></div>
			</div>	
			<!-- END BLOCK : clientes --> 	
			<!-- START BLOCK : erro -->
				
					Nenhum Registro foi encontrado.
				
			<!-- END BLOCK : erro --> 
		</div>
		</div>
<!-- INCLUDE BLOCK : footer -->	
